<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title)">
    <meta charset="UTF-8">
    <title th:replace="${title}" >博客详情</title>
    <link href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css" rel="stylesheet">

    <link rel="stylesheet" href="../static/css/animate.css" th:href="@{/css/animate.css}">

    <link rel="stylesheet" href="../static/css/typo.css" th:href="@{/css/typo.css}">

   <link rel="stylesheet" href="../static/lib/prism/prism.css" th:href="@{/lib/prism/prism.css}">
    <link rel="stylesheet" href="../static/lib/tocbot/tocbot.css" th:href="@{/lib/tocbot/tocbot.css}">
    <link rel="stylesheet" href="../static/css/me.css"  th:href="@{/css/me.css}" >
    <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.min.css" th:href="@{/lib/editormd/css/editormd.min.css}">
    <link rel="icon" type="image/x-icon" th:href="@{/images/a.png}" />


</head>
<body>


<!--后端登录 -->
<nav th:fragment="Menu(n)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small">
    <div class="ui container">
        <div class="ui inverted secondary stackable menu">
            <h2 class="ui teal header item" > 后台管理</h2>
            <a th:href="@{/admin/blogs}" class="m-item  item m-mobile-hide " th:classappend="${n==1} ? 'active'"><i class=" home icon"></i> 博客</a>
            <a th:href="@{/admin/types}" class="m-item item m-mobile-hide"th:classappend="${n==2} ? 'active'"><i class=" idea icon"></i> 分类</a>
            <a th:href="@{/admin/tags}" class="m-item item m-mobile-hide"th:classappend="${n==3} ? 'active'"><i class=" tags icon"></i> 标签</a>

            <div class="m-item right menu m-mobile-hide">
                <div class="ui dropdown item">
                    <div class="text">
                        <!--th:href="@{${session.user.avater}}"-->
                        <img src="../static/image/1.jpg"   alt="" class="ui avatar image">
                        Azea
                    </div>
                    <i class="dropdown icon"></i>
                    <div class="menu">
                        <a href="#" class="item" th:href="@{/admin/loginout}">注销</a>
                    </div>


                </div>

            </div>

        </div>
    </div>
    <a href="#" class="ui menu toggle black button m-right-top m-mobile-show">
        <i class="sidebar icon"></i>
    </a>
</nav>

<!--后端登录 -->







<footer th:fragment="footer" class="ui inverted vertical segment m-padded-tb-massive">

    <div class="ui center aligned container">

        <div class="ui inverted divided stackable grid">

            <div class="three wide column">
                <div class=" centered item">
                    <img th:src="@{/image/1.jpg}" src="../../../static/image/1.jpg" class="ui rounded image" style="width: 110px;" alt="" srcset="">
                </div>
            </div>

            <div class="three wide column">
                <h4 class="ui inverted header  m-text-spaces ">最新博客 </h4>
                <div class="ui inverted link list">
                    <a href="#" class="item" >用户故事</a>
                    <a href="#" class="item" >用户故事</a>
                    <a href="#" class="item" >用户故事</a>
                    <a href="#" class="item" >用户故事</a>

                </div>

            </div>

            <div class="three wide column">
                <h4 class="ui inverted header  m-text-spaces ">联系我 </h4>
                <div class="ui inverted link list">
                    <a href="#" class="item" >Email:1401432910@qq.com</a>
                    <a href="#" class="item" >QQ:1401432910</a>

                </div>
            </div>

            <div class="seven wide column">
                <h4 class="ui inverted header m-text-spaces ">最新博客 </h4>
                <p>这是关于个人的博客</p>


            </div>

        </div>
        <div class="ui inverted section divider"></div>
        <p class="m-text-thin m-text-spaces .m-opaciyt-mini ">Copyright ©2020 ABlog Designed by Azea</p>
    </div>


</footer>



<th:block th:fragmemt="script" >
    <script src="../static/js/jquery-3.4.1.min.js" th:src="@{/js/jquery-3.4.1.min.js}"></script>
    <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
    <script src="../static/lib/prism/prism.js" th:src="@{/lib/prism/prism.js}"></script>
    <script src="../static/lib/tocbot/tocbot.js" th:src="@{/lib/tocbot/tocbot.js}"></script>

    <script src="../static/lib/jquery.scrollTo.js" th:src="@{/lib/jquery.scrollTo.js}"></script>
    <script src="../static/lib/waypoint/jquery.waypoints.js" th:src="@{/lib/waypoint/jquery.waypoints.js}"></script>
    <script src="../static/lib/qrcode/qrcode.js" th:src="@{/lib/qrcode/qrcode.js}"></script>

    <script src="../../static/lib/editormd/editormd.min.js" th:src="@{/lib/editormd/editormd.min.js}" ></script>

</th:block>







</body>
</html>